<template>
<div>
	<div class="top">
		<a href="#/"><img class="jian" src="../assets/img/duanhuowang/zuo.png" alt=""/></a>
		<a href="#/Sousuo"><input type="text"  class="shuru" value="输入商品关键字" /></a>
		<a href="#/QingkongSousuo"><img class="fangdaj" src="../assets/img/shouye/tuijian/sousuo.png" alt=""/></a>
		<a href="#/Chuncai"><span class="textsou">搜索</span></a>
	</div>
</div>
</template>

<script>
</script>

<style>
	.top {
		position: fixed;
		top: 0;
		left: 0;
		background: #e53e42;
		width: 100%;
		height: 9.6rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		z-index: 5;
	}
	
	.top .jian {
		width: 2.3rem;
		height: 3.8rem;
	}
	
	.shuru {
		width: 40rem;
		height: 4.8rem;
		border-radius: 1rem;
		font-size: 2.4rem;
		color: #E53E42;
		padding-left: 8rem;
		margin-left: 2rem;
	}
	
	.top .textsou {
		font-size: 3rem;
		color:white;
	}
	
	.top .fangdaj {
		position: fixed;
		width: 2.8rem;
		left: 14rem;
		top: 3.3rem;
	}
</style>